<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/jsp/comm_css_include.jsp"%>
<!doctype html>
<html>
<head>
<style type="text/css">
.gray-bg {
	background-color: #fff;
}
</style>
</head>
<body class="gray-bg">
	<div class="ibox-content">
		<form class="form-horizontal m-t" id="commentForm">
			<table cellpadding="0" cellspacing="0" border="0"
				bordercolor="#3B95C8" width="100%" class="tablefont">
				<tr>
					<td width="23%" align="right"><label
						class="col-sm-3 control-label np">字典名称：</label></td>
					<td width="77%">
						<div class="form-group">
							<div class="col-sm-8">
								<input id="orgId" name="id" type="hidden"> <input
									id="orgName" name="orgName" type="text" class="form-control"
									required="required" aria-required="true" minlength="2"
									maxlength="20" placeholder="请输入名称">
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td width="23%" align="right"><label
						class="col-sm-3 control-label np">所在省：</label></td>
					<td width="77%">
						<div class="form-group">
							<div class="col-sm-8">
								<mytag:selectTag id="province" name="provinceId"
									map="${provinces}" others="class='select-control' required='required'" />
							</div>
						</div>
					</td>
				</tr>

				<tr>
					<td width="23%" align="right"><label
						class="col-sm-3 control-label np">所在市：</label></td>
					<td width="77%">
						<div class="form-group">
							<div class="col-sm-8">
								<mytag:selectTag id="city" name="areaId" map="${cities}"
									others="class='select-control' required='required'" />
							</div>
						</div>
					</td>
				</tr>

				<tr>
					<td width="23%" align="right"><label
						class="col-sm-3 control-label np">排序：</label></td>
					<td width="77%">
						<div class="form-group">
							<div class="col-sm-8">
								<input id="sortValue" name="sortValue" type="number"
									class="form-control" aria-required="true" minlength="1"
									maxlength="10" placeholder="排序序号" readonly="readonly">
							</div>
						</div>
					</td>
				</tr>

				<tr>
					<td width="23%" align="right"><label
						class="col-sm-3 control-label np">备注：</label></td>
					<td width="77%">
						<div class="form-group">
							<div class="col-sm-8">
								<textarea id="remarks" name="remarks" cols="20" rows="5"
									type="text" class="form-control" aria-required="true"
									placeholder="请输入备注"></textarea>
							</div>
						</div>
					</td>
				</tr>

			</table>
			<table cellpadding="0" cellspacing="0" border="0"
				bordercolor="#3B95C8" width="100%">
				<tr>
					<td width="100%" align="center">
						<div class="ibox-content">
							<button type="button" class="btn dpbtn_green" onclick="save();">确定</button>
							<button type="reset" class="btn dpbtn_red">重置</button>
						</div>
					</td>
				</tr>
			</table>
		</form>
	</div>


	<!-- public quote -->
	<%@include file="/jsp/comm_js_include.jsp"%>
	<!-- public quote -->
	<%@include file="/jsp/comm_js_region_include.jsp"%>
	<!-- custom js -->
	<%@include
		file="/js/common-dpqc/dpqc-validate/comm_validate_include.jsp"%>

	<!--
    	作者：zhangpp
    	时间：2017-04-06
    	描述：js
    -->
	<script type="text/javascript">
   $(function(){
   		getInfo();
   		$("#commentForm").validate({
            rules: {
            	orgName: {
                    required: true,
                },
            },
            messages: {
            	orgName: {
                    required: "字典名称必填",
                },
            },
            //重写showErrors
            showErrors: function (errorMap, errorList) {
                
                $.each(errorList, function (i, v) {
                    layer.tips(v.message, v.element, { time: 1500 });
                    return false;
                });  
            },
            /* 失去焦点时验证 */
            onfocusout: function(element) { $(element).valid(); },  
        });
	});
   
   
   var getInfo = function(){
    	var id = $.getUrlData('parentId'); 
    	$.dpAjax({
	    	url:'${basePath}/BaseOrganizationController/getById',
 			data:{
 				"id":id,
 			},
 			success: function(datas){
 				if (datas.flag == "100100") {
				    var result = datas.result;
 				    $("#orgId").val(result.replaceId);
 				    $("#parentValue").val(result.parentValue);
 				    $("#orgName").val(result.orgName);
 				    $("#sortValue").val(result.sortValue);
 				    $("#remarks").val(result.remarks);
 				    $('#province').val(result.provinceId);
	     			selectCities(result.provinceId, result.areaId);
                    return;
                }
                if (datas.flag == "100200") {
                    $.fn.showDatas({"datas": datas});
                    return;
                }
                layer.msg(datas.message, {icon: 2});
 				
	    	}
		});
   
    }
	
    var save = function () {
        var validstatus = $("#commentForm").valid();

        if (validstatus) {
            var data = $('#commentForm').serialize();
    		layer.confirm('您确认要修改吗？', {
	  			  btn: ['确定','取消'] //按钮
			},function(){
				layer.closeAll();
            $.dpAjax({
                url: '${basePath}/BaseOrganizationController/modify',
                data: data,
                success: function (datas) {
                    if (datas.flag == "100100") {
                        layer.msg("添加执行成功！", {icon: 6});
                        parent.layer.close(1);
                        return;
                    }
                    if (datas.flag == "100200") {
                        $.fn.showDatas({"datas": datas});
                        return;
                    }
                    layer.msg(datas.message, {icon: 2});
                }
             });
		  });
        }
    }
</script>
</body>
</html>
